<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thmyleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册成功页面</title>
</head>
<body>
    <!--获取ModelAndView对象中的属性值方式： th:text="*{}"   注意与${}之间的区别-->
    <div id="register-info">
        <h4 id="message" style="color: darkgreen"></h4>
    </div>
    <div id="forward-login-page">
        <a th:href="@{/index/login}" style="outline: none;color: purple">马上跳转</a>
    </div>
</body>
<script type="text/javascript" th:inline="javascript">
		var delay = 5; // 设置延迟时间 5秒
		function forwardLoginPage() { // 定义跳转函数脚本
			if(delay > 0) {
				// 说明当前的跳转时间还没有到
			 	var forwardMessage = document.getElementById("message"); // 获取跳转信息对象
				forwardMessage.innerHTML = "注册成功，" + delay + "s之后为您自动跳转到登陆页面";
			} else {
				window.location.href = "http://localhost:9090/index/login"; // 一旦到达跳转时间，通过window.location.href进行页面跳转
			}
			delay--; // 每次自减
		}
		setInterval(forwardLoginPage,1000); // 定时器，每1000ms调用一次
</script>
</html>